<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <form>
    <table align="center" border="0" cellspace="10" cellpadding="1" bgcolor="black" width="600px" >
         <tr bgcolor="white"><td  colspan="2"><h2 align="center">会员注册</h2></td></tr>
        <tr bgcolor="white" >
            <td align="center">用户名:</td>
            <td><input type="text" placeholder="请输入用户名"><br>
            用户必须是字母开头，后面字母或数字，不能大于15位
            </td>
        </tr>
        <tr bgcolor="white">
            <td align="center">密码:</td>
            <td><input type="password" placeholder="请输入密码">
            <br>密码必须大于6位数
            </td>
        </tr>
        <tr bgcolor="white">
            <td align="center">确认密码:</td>
            <td><input type="password" placeholder="请确认密码">
            <br>密码必须大于6位数
            </td>
        </tr>
        <tr bgcolor="white">
            <td>&nbsp;</td>
            <td><input type="submit" value="确认注册"><input type="reset" value="重新注册"></td>
        </tr>
        <tr bgcolor="white">
            <td align="center">邮箱:</td>
            <td><input type="email" placeholder="请输入邮箱">
            <br>邮箱地址格式为xxxx@xx.com
            </td>
        </tr>
        <tr bgcolor="white">
            <td align="center">性别:</td>
            <td><input name="da" type="radio" value=”男”>男<input name="da" type="radio" value="女">女</td>
        </tr>
        <tr  bgcolor="white">
            <td align="center">电话:</td>
            <td><input type="tel" placeholder="请输入您的号码"></td>
        </tr>
        <tr bgcolor="white">
            <td align="center">爱好:</td>
            <td><input type="checkbox">篮球
                <input type="checkbox">音乐
                <input type="checkbox">跳舞
                <input type="checkbox">画画
            
            </td>
        </tr>
        <tr bgcolor="white">
            <td align="center">学历:</td>
            <td>
                <select name="xueli" id="db">
                    <option value="高中">高中</option>
                    <option value="大专">大专</option>
                    <option value="本科">本科</option>
                    <option value="研究生">研究生</option>
                </select>
            </td>
        </tr>
        <tr bgcolor="white">
            <td align="center">技能:</td>
            <td>
                <select name="jineng" id="dc">
                    <option value="ps">Photoshop</option>
                    <option value="html">HTML5</option>
                    <option value="JAVA">JAVA</option>
                    <option value="数据库">数据库</option>
                </select>
            </td>
        </tr>
        <tr bgcolor="white">
            <td align="center">生日:</td>
            <td><input type="date"></td>
        </tr>
        <tr bgcolor="white">
            <td>搜索:</td>
            <td><input type="search" placeholder="搜索"></td>
        </tr>
        <tr bgcolor="white">
            <td>主页:</td>
            <td><input type="url" placeholder="请输入网址"></td>
        </tr>
        <tr bgcolor="white">
            <td>范围:</td>
            <td><input type="range" min="100" max="200" step="10"></td>
        </tr>
        <tr bgcolor="white">
            <td>金额:</td>
            <td><input type="number" placeholder="请输入金额"></td>
        </tr>
        <tr bgcolor="white">
            <td align="center">城市:</td>
            <td><input type="text" placeholder="出发城市" list="citys"></td>
            <datalist id="citys">
                <option value="nanchang">南昌</option>
                <option value="guangzhou">广州</option>
                <option value="beijing">北京</option>

            
            </datalist>
        </tr>
        <tr bgcolor="white">
            <td>备注:</td>
            <td><textarea placeholder="请输入备注"></textarea></td>
        </tr>

    </table>
</form>
</body>
</html>